<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="CSS/bootstrap.css"/>
		<script src="JS/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="JS/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div class="container">
			<div style="line-height: 200px;margin-bottom: 20px;border: 10px solid #fff;" class="col-lg-12 bg-success text-center col-md-12 col-sm-12">1</div>
			
			<div style="line-height: 300px;border: 10px solid #fff;" class="col-lg-3 bg-info text-center col-md-6 col-sm-4">2</div>
			<div style="line-height: 300px;border: 10px solid #fff;" class="col-lg-3 bg-primary text-center col-md-6  col-sm-4">3</div>
			<div style="line-height: 300px;border: 10px solid #fff;" class="col-lg-3 bg-warning text-center col-md-6  col-sm-4">4</div>
			<div style="line-height: 300px;border: 10px solid #fff;" class="col-lg-3 bg-danger text-center col-md-6 hidden-sm">5</div>
		</div>
	</body>
</html>
